import React from 'react';
import ReactDOM from 'react-dom/client';
import {BrowserRouter} from 'react-router-dom'
import App from './App';
import store from './store/store'
import { Provider } from 'react-redux';

//React-Redux 提供<Provider/>组件，能够使你的整个app访问到Redux store中的数据：在入口文件index.js中书写
//34.使用react-redux中的hook来获取state和设置action，是希望react和redux可以分开
//34.第一步 下载react-redux，从中引入Provider，provider是一个组件，包裹在App组件外面,并添加一个store={store}，这样整个app组件就能访问到store中的数据了
//34.第二步：把所有store.getstate方法替换成react提供的方法，React-Redux提供一个useSelector的Hook，作用：共享状态,从Redux的store中提取数据（state）
//34.useSelector接收一个回调函数作为参数，回调函数中的形参就是store中state的值，但是所有reducer组成的对象，需要state.count.count来获取
//34.第三步：把所有store.dispatch方法替换成react提供的方法，React-Redux提供一个useDispatch的Hook，作用：返回Redux的store中对dispatch的引用，可执行redux中的方法

const root = ReactDOM.createRoot(document.getElementById('root'));

root.render(
   
   <Provider store={store}>
      <App />
   </Provider>
     
  
 
   
);



